@mixin text-overflow($line) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: $line;
}

@mixin cm() {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@mixin ca {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin cf() {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin cflex() {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@mixin cl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@mixin border-content {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  -webkit-transform-origin: center;
  transform-origin: center;
  box-sizing: border-box;
  pointer-events: none;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  border: 0 solid #d6e4ef;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  /* prettier-ignore */
  border-bottom-width: 1PX;
}

// 项目不可扩大，当项目不足$width时，可缩小
@mixin juxt-layout($width) {
  flex: 0 1 $wdth;
}

@mixin full-layout($width) {
  flex: 1 1 $wdth;
}
